<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/idangerous.swiper.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
    <style>
        .card-content-inner img{width: 100%;max-height: 250px;}
        .swiper-wrapper{max-height: 250px; height: auto;}
        .swiper-slide{max-height: 250px;}
        .swiper-slide img{width: 100%; height: 100%; max-height: 250px;}
        .swiper-slide .title {
            font-style: italic;
            font-size: 42px;
            margin-top: 80px;
            margin-bottom: 0;
            line-height: 45px;
        }
        .swiper-pagination {
            position: absolute;
            z-index: 20;
            left: 10px;
            bottom: 10px;
        }
        .swiper-pagination-switch {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background: #222;
            margin-right: 5px;
            opacity: 0.8;
            border: 1px solid #fff;
            cursor: pointer;
        }
        .swiper-visible-switch {
            background: #aaa;
        }
        .swiper-active-switch {
            background: #fff;
        }
    </style>
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left back" href="/toHome">返回</a>
            <h1 class="title">资讯详情</h1>
        </header>
        <div class="content detail-content">
            <!-- 幻灯片Slider -->
            <div class="swiper-container" data-space-between='10'>
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!--详情内容 -->
            <div class="card">
                <div class="card-content">
                </div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/idangerous.swiper.min.js' charset='utf-8'></script>
<script>
    $.config={
        router:false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<#--<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>-->
<script type='text/javascript' src='${staticpath}/front/dist/js/newsDetail.js' charset='utf-8'></script>
<script>
    $.init();
</script>
</body>

</html>
